<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>结算订单</title>
		<link rel="stylesheet" href="./../public/css/common.css">
		<link rel="stylesheet" href="./../public/css/pintuer.css">
		<!-- 日历插件css -->
		<link rel="stylesheet" href="./../public/css/dcalendar.picker.css" />
		<!-- 账单汇总 -->
		<link rel="stylesheet" href="./css/settlement-order.css">
	</head>
	<body>
		<div class="content">
			<div ms-controller="settlementOrder">
				<div class="account_section ">
					<div class="line-big border section_common">
						<div class="x12">
							<div class="line-big bg-sub box-header">
								<div class="x8 title">
									结算订单
								</div>
								<div class="x4 text-right">
									<a href="javascript:;"></a>
								</div>
							</div>
							<div class="line-big ">
								<div class="x12">
									<form action="account.do?act=account" name="myform" method="post">
										<div class="line-big am-form-group">
											<div class="am-form-left">
												店铺
											</div>

											<div class="am-form-right">
												<select class="commoninput">
													<option value="全部">全部</option>
													<option value="[总店]天择信上(微信)">[总店]天择信上(微信)</option>
													<option value="天择收银一">[总店]天择信上(微信)</option>
													<option value="天择收银02">[总店]天择信上(微信)</option>
													<option value="天择收银03">[总店]天择信上(微信)</option>

												</select>
											</div>
										</div>

										<div class="line-big am-form-group">
											<div class="am-form-left">
												收银员
											</div>

											<div class="am-form-right">
												<select class="commoninput">
													<option value="全部">全部</option>
													<option value="天择信上">天择信上</option>
													<option value="天择收银一">天择收银一</option>
													<option value="天择收银02">天择收银02</option>
													<option value="天择收银03">天择收银03</option>
													<option value="000000000000">000000000000</option>
													<option value="zz">zz</option>
													<option value="高灿">高灿</option>
												</select>
											</div>
										</div>
										<div class="line-big am-form-group">
											<div class="am-form-left ">
												<span>日期范围：</span>

											</div>
											<div class="am-form-right "><input id='mydatepicker' class="commoninput_date" type='text' />
												<input id='mydatepicker2' class="commoninput_date" type='text' />
												<div class=" tips "> 提示:支持最大跨度31天的账单</div>
											</div>
										</div>

										<div class="line-big am-form-group">
											<div class="am-form-left">
												支付方式
											</div>

											<div class="am-form-right">
												<select class="commoninput">
													<option value="全部">全部</option>
													<option value="支付宝">支付宝</option>
													<option value="微信">微信</option>
													<option value="银行卡">银行卡</option>
												</select>
											</div>
										</div>
										<div class="line-big am-form-group">
											<div class="am-form-left">
												支付场景
											</div>
											<div class="am-form-right">
												<select class="commoninput">
													<option value="全部">全部</option>
													<option value="支付宝预授权消费">支付宝预授权消费</option>
													<option value="微信预授权消费">微信</option>
												</select>

											</div>
										</div>

										<div class="line-big am-form-group">
											<div class="am-form-left">
												<span>订单号</span>
											</div>
											<div class="am-form-right">
												<input class="commoninput_date" type='text' value="" />
											</div>
										</div>
										<div class="line-big  am-form-group">
											<div class="am-form-left">
												订单状态
											</div>
											<div class="am-form-right">
												<select class="commoninput">
													<option value="全部">全部</option>
													<option value="交易成功">交易成功</option>
													<option value="支付成功">支付成功</option>
													<option value="退款成功">退款成功</option>
													<option value="支付取消">支付取消</option>
												</select>
												<div class=" tips "> 注："交易成功"状态包含"支付成功"和"退款成功"</div>
											</div>
										</div>


										<div class="line-big am-form-group">
											<div class="x12">
												<button class="button bg-sub" type="button">
													<span class="icon-search"></span>搜索</button>
												<button class="button n-option" type="button">
													<span class="icon-folder-o"></span>导出数据</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
					<!-- 对账单列表列表 -->
					<div class="line-big border section_common">
						<div class="x12">
							<div class="line-big bg-sub box-header">
								<div class="x8 title">
									结算订单信息
								</div>
								<div class="x4 text-right">
									<a href="javascript:;"></a>
								</div>
							</div>
							<div class="line-big ">
								<div class="x12">
									<div class="table-responsive">
										<table class="table">
											<tr>
												<th>店铺/订单/收银员</th>
												<th>交易金额</th>
												<th>费率</th>
												<th>手续费</th>
												<th>净收金额</th>
												<th>类型</th>
												<th>交易时间</th>
												<th>状态</th>
												<th>操作 </th>
											</tr>
											<tr>
												<td>
													<p>天择信上科技(微信)</p>
													<p>天择信上科技(微信)</p>
													<p>天择信上科技</p>
												</td>
												<td>0.05</td>
												<td>0.60%</td>
												<td>0</td>
												<td>- 0.05</td>
												<td>
													<p>微信预授权消费</p>
													<p class="text-yellow">[退款]</p>
												</td>
												<td>2018-10-31 18:31:59</td>
												<td>退款成功</td>
												<td>
													<p><a><button class="button  bg-blue">订单详情</button></a></p>
													<p class="mt10"><a href="javascript: ;"><button class="button  bg-blue">打印订单</button></a></p>
												</td>

											</tr>
											<tr>
												<td>
													<p>天择信上科技(微信)</p>
													<p>天择信上科技(微信)</p>
													<p>天择信上科技</p>
												</td>
												<td>0.05</td>
												<td>0.60%</td>
												<td>0</td>
												<td>- 0.05</td>
												<td>
													<p>微信预授权消费</p>
													<p class="text-yellow">[退款]</p>
												</td>
												<td>2018-10-31 18:31:59</td>
												<td>退款成功</td>
												<td>
													<p><a><button class="button  bg-blue">订单详情</button></a></p>
													<p class="mt10"><a href="javascript: ;"><button class="button  bg-blue">打印订单</button></a></p>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
	</body>
	<!-- jquery -->
	<script src="./../public/js/jquery.js"></script>
	<!-- 拼图 js -->
	<script src="./../public/js/pintuer.js"></script>
	<!-- avalon js -->
	<script src="./../public/js/avalon.js"></script>
	<!-- 日历插件 -->
	<script type="text/javascript" src="./../public/js/dcalendar.picker.js"></script>
	<!-- 账单汇总js -->
	<script src="./js/settlement-order.js"></script>
</html>
